vue(4) 实例和内置组件

实例就是在构造器外部操作构造器内部的属性选项或者方法,就叫做实例?实例的作用就是给原生的或者其他javascript框架一个融合的接口或者说是机会,让Vue和其他框架一起使用。

1.实例入门-实例属性

2.实例方法

1.$mount方法

$mount方法是用来挂载我们的扩展的

2.$destroy() 卸载方法

用$destroy()进行卸载。

3.$forceUpdate() 更新方法
4.$nextTick() 数据修改方法

当Vue构造器里的data值被修改完成后会调用这个方法,也相当于一个钩子函数吧,和构造器里的updated生命周期很像。

3.实例事件

实例事件就是在构造器外部写一个调用构造器内部的方法。这样写的好处是可以通过这种写法在构造器外部调用构造器内部的数据。

1.$on 在构造器外部添加事件。
2.$once执行一次的事件
3.$off关闭事件
4.内置组件 -slot讲解

slot是标签的内容扩展,也就是说你用slot就可以在自定义组件时传递给组件内容,组件接收内容并输出。

slot的使用需要两步:

  • 在HTML的组件中用slot属性传递值。
  • 在组件模板中用标签接收值。